<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE >
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<!--引入bootsrap-->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/bootstrap-theme.css"/>
		<script src="${pageContext.request.contextPath }/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath }/js/npm.js" type="text/javascript" charset="utf-8"></script>
		
		<!--引入dtree-->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/dtree.css"/>
		<script src="${pageContext.request.contextPath }/js/dtree.js" type="text/javascript" charset="utf-8"></script>
		
		<!--本地-->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/admin/menu.css"/>
		
	</head>
	<body>
		
		<div class="container-fluid main">
			
			<div id="title">
				<a href="javascript: dtree.openAll();" class="title">展开所有</a>
				| 
				<a href="javascript: dtree.closeAll();" class="title">关闭所有</a>
			</div>
				
			
			<div class="dtree">				
			</div>
		</div>
		
	</body>
	
	<script type="text/javascript">
		//创建树形结构
		dtree = new dTree('dtree');
		dtree.add('01',-1,'');
		
		dtree.add('0102','01','分类管理','','','mainframe');		
		dtree.add('010201','0102','分类一览','type.jsp','','mainframe');
		dtree.add('010202','0102','添加分类','type-add.jsp','','mainframe');
		
		dtree.add('0103','01','商品管理','product.jsp','','mainframe');
		
		dtree.add('0104','01','用户管理','user.jsp','','mainframe');
		
		document.write(dtree);
		
	</script>
</html>
